@charset "utf-8";
.web{
	width:1280px;
	margin: 0 auto;
	//border: 2px solid black;
}
.web div{
	box-sizing: border-box;
}
.header{
	width: 1280px;
	height: 120px;
	//border: 1px solid red;
	.left{
		float: left;
		width: 40%;
		height: 120px;
		//border: 1px solid bisque;
		display: inline-block;
		box-sizing: border-box;
		padding-left: 178px;
		padding-top: 50px;
	}
	.right{
		width: 59%;
		height: 120px;
		//border: 1px solid saddlebrown;
		float: right;
		box-sizing: border-box;
		.nav1{
			//width: 300px;
			box-sizing: border-box;
			//border: 1px solid pink;
			float: right;
			display: inline-block;
			margin-top: -20px;
			margin-right: 130px;
			ul{
				li{
					float: left;
					list-style: none;
					margin: 10px;
					font-size: 10px;
					color: gray;
				}
			}
		}
		.nav2{
			//border: 1px solid pink;
			margin-top: 30px;
			ul{
				li{
					float: left;
					list-style: none;
					margin: 10px;
					margin-top: 40px;
					a{
						text-decoration: none;
						color: black;
					}
					a:hover{
						width: 30px;
						height: 30px;
						color: red;
						border-bottom: 2px solid green;
					}
				}
			}
		}
	}
}
.second{
	width: 1280px;
	height: 993px;
	//border: 1px solid firebrick;
	background-image: url(../img/BJ.png);
	.earphone1{
		padding-top: 200px;
		// padding-left: 129px;
		display: inline-block;
	}
	.text1{
		//border: 1px solid white;
		float: right;
		text-align: right;
		margin-right: 202px;
		margin-top: 200px;
		p{
			color: azure;
			font-size: 18px;
		}
	}
	.btn{
		width: 356px;
		float: right;
		//border: 1px solid red;
		display: inline-block;
		margin-top: -351px;
		margin-right: 210px;
		.btn1{
			width: 170px;
			height: 56px;
			line-height: 56px;
			text-align: center;
			background-color: #1abc9c;
			color: white;
			border-radius: 5px;
			display: inline-block;
			input[type="button"]{
				width: 170px;
				height: 56px;
				line-height: 56px;
				text-align: center;
				background-color: #1abc9c;
				color: white;
				border-radius: 5px;
				display: inline-block;
				border: none;
				
			}
		}
		.btn2{
			width: 170px;
			height: 56px;
			line-height: 56px;
			text-align: center;
			background-color: #3498db;
			color: white;
			border-radius: 5px;
			display: inline-block;
			float: right;
			input[type="button"]{
				width: 170px;
				height: 56px;
				line-height: 56px;
				text-align: center;
				background-color: #3498db;
				color: white;
				border-radius: 5px;
				display: inline-block;
				border: none;			
			}
		}
	}
	.text2{
		width: 620px;
		float: left;
		//border: 1px solid black;
		margin-left: 150px;
		margin-top: 97px;
		text-align: left;
		p{
			font-size: 15px;
			font-weight: bold;
		}
		span{
	        word-wrap:break-word;
		}
	}
	.earphone2{
		//border: #1abc9c 1px solid;
		width: 450px;
		height: 450px;
		display: inline-block;
		float: right;
		margin-top: -180px;
	}
}
.third{
	width: 1280px;
	height: 460px;
	background-color: #38373d;
	.text3{
		text-align: center;
		margin: 0 auto;
		padding-top: 20px;
		p{
			color: white;
			font-size: 20px;
			font-weight: bold;
		}
		span{
			color: white;
		}
	}
	.one{
		//border: 1px solid red;
		display: inline-block;
		margin-left: 269px;
		margin-top: 50px; 
		.logo{
			text-align: center;
			width:150px;
			color: white;
			
			span{
				font-size: 10px;
			}
		}
	}
	.tow{
		//border: 1px solid red;
		display: inline-block;
		margin-left: 140px;
		margin-top: 50px; 
		.logo{
			text-align: center;
			width:150px;
			color: white;
			
			span{
				font-size: 10px;
			}
		}
	}
	.three{
		//border: 1px solid red;
		display: inline-block;
		margin-left: 140px;
		margin-top: 50px; 
		.logo{
			text-align: center;
			width:150px;
			color: white;
			
			span{
				font-size: 10px;
			}
		}
	}
}
.fourth{
	height: 570px;
	width: 1280px;
	//border: 1px solid red;
	.text4{
		margin: 0 auto;
		padding-top: 30px;
		text-align: center;
		width: 500px;
		border-bottom: 1.5px solid gainsboro;
		font-size: 20px;
		color: #57616c;
	}
	.one{
		width:800px;
		height: 90px;
		//border: 1px solid blue;
		margin-left: 208px;
		margin-top: 40px;
		display: inline-flex;
		.one_1{
			width: 81px;
			height: 90px;
			//border: 1px solid black;
			
		}
		.one_2{
			width: 292px;
			height: 90px;
			//border: 1px solid black;
			font-size: 12px;
			margin-left: 20px;
			padding-top: 10px;
			p{
				span{
					float: right;
				}
			}
		}
		.one_3{
			width: 81px;
			height: 90px;
			//border: 1px solid black;
			margin-left: 40px;
		}
		.one_4{
			width: 292px;
			height: 90px;
			font-size: 12px;
			//border: 1px solid black;
			margin-left: 20px;
			padding-top: 10px;
			p{
				span{
					float: right;
				}
			}
		}
	}
}
.fivth{
	//border: 1px solid red;
	height: 650px;
	width: 1280px;
	background-image: url(../img/背景2_02.png);
	
	.text5{
		margin: 0 auto;
		padding-top: 30px;
		text-align: center;
		width: 500px;
		border-bottom: 1.5px solid white;
		font-size: 20px;
		color: white;
	}
	.img{
		display: flex;
		margin-top:105px;
		margin-left: 78px;
	}
	.l1{
		margin-top:153px;
	}
	.r1{
		margin-top: 153px;
	}
	.p1{
		margin-top: 112px;
	}
	.p2{
		margin-left: 63px;
		margin-right: 63px;
	}
}
.sixth{
	width: 1280px;
	height: 440px;
	//border: #1abc9c 1px solid;
	display: flex;
	background-color: #38373d;
	color: white;
	.l2{
			width: 134px;
			height: 144px;
			//border: #1abc9c 1px solid;
			font-size: 13px;
			text-align: center;
			margin-top: 194px;
			margin-left: 175px;
			color: white;
		}
	.c{
		margin-top: 192px;
		margin-left: 10px;
	}
	.r2{
		margin-top: 62px;
		margin-left: 40px;
		input::placeholder{
            color:white;
			padding: 10px;
        }	
		table tr:nth-child(2) input{
			//margin: 8px;
			width: 168px;
		}
		table tr:nth-child(3) input{
			width: 340px;
			//margin: 8px;
		}
		table tr:nth-child(4) input{
			width: 340px;
			height: 146px;
			//margin: 8px;
		}
		table tr:nth-child(5) input{
			background-color: #3498db;
			border: none;
			border-radius: 5px;
			width:80px;
			height: 44px;
			text-align: center;
			float: right;
		}
		input[type="text"]{
			background-color: #57616c;
			border: none;
			border-radius: 5px;
			height: 44px;
		}
	}
}
.footer{
	width: 1280px;
	height: 118px;
	margin-top: -50px;
	background-image: url(../img/BJ2.png);
	p{
		text-align: center;
		//line-height: 118px;
		padding-top: 50px;
		color: white;
		span{
			font-size: 12px;
		}
	}
}